<h2 id="tooltip">Tooltip</h2>

<p>
  <button data-tooltip="This is a great tooltip" class="tooltip-left">
    Left
  </button>
  <button data-tooltip="This is a great tooltip">
    Bottom (default)
  </button>
  <button data-tooltip="This is a great tooltip" class="tooltip-top">
    Top
  </button>
  <button data-tooltip="This is a great tooltip" class="tooltip-right">
    Right
  </button>
</p>
<br><br><br>
